<!DOCTYPE html> 
<html> 
	<head> 
	<title>UCParty</title> 
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
   <link rel="stylesheet" href="jquery/jquery.mobile-1.0.1.css" />
   <link rel="stylesheet" href="mobile.css" />
	<script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script>
	<script src="jquery/jquery-1.7.1.min.js"></script>
	<script src="jquery/jquery.mobile-1.0.1.min.js"></script>
	<script src="jquery/jquery.ui.map.full.min.js" type="text/javascript"></script>
	<script type="text/javascript">
		$('#map').live("pageshow", function() {
		        $('#map_canvas').gmap('refresh');
		});
		$('#map').live("pagecreate", function() {
		        $('#map_canvas').gmap('addMarker', { /*id:'m_1',*/ 'position': '13.7442383135,100.531599754', 'bounds': true } );
		});
      $.ajaxSetup({
          timeout: 10000, // Microseconds, for the laughs.  Guaranteed timeout.
          error: function(request, status, maybe_an_exception_object) {
           if(status = 'timeout')
                 location.href="notconnect.html"
          }
      });
   </script>   
</head> 
<body> 

<!--  page map -->
<div data-role="page" id="map" style="width:100%; height:100%;" data-theme="u">
	<div data-role="header" data-theme="u">
      <h1>Map</h1>
	</div><!-- /header -->
	<div data-role="content">	
	 	<div id="map_canvas" style="width:100%;height:480px"></div>
		<p>Location : S&P Restaurant 2nd Floor, Siam Square Soi 7, Pathumwan, Bangkok, Thailand. </p>
	</div><!-- /content -->
 </div><!-- /page -->
 
</body>
</html>

